/* 本项目公共样式 */
/* 背景色 */

/* 分割背景/页面背景 */
.k-bg-divider {
	background-color: #F5F5F5;
}

/* 控件背景/浅灰色背景 */
.k-bg-control {
	background-color: #DDD;
}

/* 主色 */
/* 主色 */
.k-bg-primary {
	background-color: #3CC5D5;
}

/* 主色-click */
.k-bg-primary-click {
	background-color: #289EB0;
}

/* 主色-浅 */
.k-bg-primary-light {
	background-color: #5390A6;
}

/* 辅助色 */
.k-bg-blue {
	background-color: #329ED6;
}

.k-bg-lightblue {
	background-color: #3E849E;
}

.k-bg-green {
	background-color: #0BA343;
}

.k-bg-red {
	background-color: #FF4B4B;
}

.k-bg-yellow {
	background-color: #F7945E;
}

.k-bg-lightyellow {
	background-color: #F6EDE7;
}

.k-bg-purple {
	background-color: #A284B7;
}

.k-bg-ash {
	background-color: #9CA2B0;
}

/* 辅助色 */
.k-bg-lightwhite {
	background-color: #CCCCCC;
}

.k-bg-lightwhite-1 {
	background-color: #FAFAFB;
}

.k-bg-lightwhite-2 {
	background-color: #F5F7F7;
}

.k-bg-lightwhite-3 {
	background-color: #EAEFEF;
}

/* 文字色 */
/* 主色 */
.k-text-primary {
	color: #3CC5D5;
}

/* 主色-click */
.k-text-primary-click {
	color: #289EB0;
}

/* 主色-浅 */
.k-text-primary-light {
	color: #5390A6;
}

/* 辅助色 */
.k-text-blue {
	color: #329ED6;
}

/* 辅助色 */
.k-text-lightwhite {
	color: #999999;
}

/* 辅助色 */
.k-text-black {
	color: #333333;
}

/* 辅助色 */
.k-text-lightblack {
	color: #666666;
}

.k-text-green {
	color: #0BA343;
}

.k-text-red {
	color: #FF4B4B;
}

.k-text-yellow {
	color: #F7945E;
}

.k-text-purple {
	color: #A284B7;
}

.k-text-ash {
	color: #9CA2B0;
}
.k-text-white {
	color: #ffffff;
}

/* 主要文字 */
.k-text-title {
	color: #1C1A2F;
}

/* 次要文字 */
.k-text-subtitle {
	color: #757982;
}

/* 辅助性文字 */
.k-text-weak {
	color: #ABADB7;
}

/* 暗提示 */
.k-text-tips {
	color: #CCCCCC;
}


/* 分割线 */
.k-divider-line {
	color: #EEEEEE;
}

/* 蒙层 */
/* 30 */
.k-mask-30 {
	background-color: rgba(0, 0, 0, 0.30);
}

/* 45 */
.k-mask-45 {
	background-color: rgba(0, 0, 0, 0.45);
}

/* 45 */
.k-mask-65 {
	background-color: rgba(0, 0, 0, 0.65);
}

/* 45 */
.k-mask-85 {
	background-color: rgba(0, 0, 0, 0.85);
}

/* 字号 */
/* 页面核心强调 */
.k-font-stress {
	font-size: 40rpx;
	/* line-height: 64; */
}

/* 大标题 */
.k-font-title {
	font-size: 36rpx;
	/* line-height: 56; */
}

/* 列表 */
.k-font-list {
	font-size: 32rpx;
	/* line-height: 52; */
}

/* 小标题 */
.k-font-subtitle {
	font-size: 28rpx;
	/* line-height: 40; */
}

/* 常规内容 */
.k-font-content {
	font-size: 28rpx;
	/* line-height: 40; */
}

/* 次常规内容 */
.k-font-subcontent {
	font-size: 24rpx;
	/* line-height: 38; */
}

/* 弱化内容和弱辅助文案 */
.k-font-weak {
	font-size: 22rpx;
}

/* 告警弹框的图标大小 */
.k-font-icon {
	font-size: 60rpx;
}

/* 圆角 */
/* 小 */
.k-corner-radius-sm {
	border-radius: 4rpx;
}

/* 中 */
.k-corner-radius-md {
	border-radius: 8rpx;
}

/* 大 */
.k-corner-radius-lg {
	border-radius: 16rpx;
}

/* 圆 */
.k-corner-radius-circle {
	border-radius: 50vh;
}

/* 左下角为圆角 */
.k-corner-radius-bl {
	border-bottom-left-radius: 16rpx;
}

/* 间距 */
/* 水平-标准
.k-h-spacing-standard 16rpx
水平-大
.k-h-spacing-large 24rpx
垂直-标准
.k-v-spacing-standard 16rpx
垂直-大
.k-v-spacing-standard 24rpx */

/* 描边 */
/* 标准 */
.k-border-width-standard {
	border-width: 2rpx;
	border-style: solid;
	border-color: #1677FF;
}

/* 粗 */
.k-border-width-thick {
	border-width: 4rpx;
	border-style: solid;
	border-color: #1677FF;
}

/* 图标尺寸 */
/* 大 64rpx */
.k-icon-size-lg {
	width: 64rpx;
	height: 64rpx;
}

/* 中 56rpx */
.k-icon-size-md {
	width: 56rpx;
	height: 56rpx;
}

/* 小 44rpx */
.k-icon-size-sm {
	width: 44rpx;
	height: 44rpx;
}

/* 特小 36rpx */
.k-icon-size-xs {
	width: 36rpx;
	height: 36rpx;
}

/* 置灰态 不透明度 40% */
/* .k-opacity-disabled {
} */


/* 通用背景色 */
page {
	background: #F5F7F7 !important
}

/* 按钮相关 */

.k-btn {
	height: 96rpx;
	filter: blur(0rpx);
	opacity: 1;
	border-radius: 3rpx;

	font-size: 36rpx;
	font-family: PingFang SC;
	font-weight: 400;
	line-height: 96rpx;
	text-align: center;
}

.k-btn-small {
	height: 72rpx;
	filter: blur(0rpx);
	opacity: 1;
	border-radius: 3rpx;

	font-size: 28rpx;
	font-family: PingFang SC;
	font-weight: 400;
	line-height: 72rpx;
	text-align: center;
}

/* 主操作 normal */
.k-btn-normal {
	background: #3CC5D5;
	color: #FFFFFF;
}

/* 主操作 normal - small */
.k-btn-normal-small {
	background: #3CC5D5;
	color: #FFFFFF;
}

/* 主操作 pressed */
.k-btn-pressed {
	background: #289EB0;
	color: #FFFFFF;
}

/* 主操作 pressed - small */
.k-btn-pressed-small {
	background: #289EB0;
	color: #FFFFFF;
}

/* 主按钮 Disabled */
.k-btn-disabled {
	background: #EEEEEE;
	color: #CCCCCC;
}

/* 主按钮 Disabled - small */
.k-btn-disabled-small {
	background: #EEEEEE;
	color: #CCCCCC;
}

/* 次要按钮 normal */
.k-btn-normal-sub {
	background: #FFFFFF;
	color: #3CC5D5;

	border: 2rpx solid #3CC5D5;
	opacity: 1;
	border-radius: 8rpx;
}

/* 次要按钮 normal - small */
.k-btn-normal-small-sub {
	background: #FFFFFF;
	color: #FFFFFF;

	border: 2rpx solid #3CC5D5;
	opacity: 1;
	border-radius: 8rpx;
}

/* 次要按钮 pressed */
.k-btn-pressed-sub {
	background: #FFFFFF;
	color: #FFFFFF;

	border: 2rpx solid #289EB0;
	opacity: 1;
	border-radius: 8rpx;
}

/* 次要按钮 pressed - small */
.k-btn-pressed-small-sub {
	background: #FFFFFF;
	color: #FFFFFF;

	border: 2rpx solid #289EB0;
	opacity: 1;
	border-radius: 8rpx;
}

/* 次要按钮 Disabled */
.k-btn-disabled-sub {
	background: #FFFFFF;
	color: #CCCCCC;

	border: 2rpx solid #CCCCCC;
	opacity: 1;
	border-radius: 8rpx;
}

/* 次要按钮 Disabled - small */
.k-btn-disabled-small-sub {
	background: #FFFFFF;
	color: #CCCCCC;

	border: 2rpx solid #CCCCCC;
	opacity: 1;
	border-radius: 8rpx;
}

.k-btn-normal-disabled {
	background: #EEEEEE;
	color: #CCCCCC;
}
.k-color-white{
	color: #FFFFFF;
}

/* width */
.w-80 {
	width: 80%;
}

.w-70 {
	width: 70%;
}

.w-50 {
	width: 50%;
}

.w-45 {
	width: 45%;
}

.w-40 {
	width: 40%;
}

.w-30 {
	width: 30%;
}

/* 上边距 */
.k-mt-1 {
	margin-top: 110rpx;
}

.k-mt-2 {
	margin-top: 200rpx;
}

.k-mt-3 {
	margin-top: 3rpx;
}

.k-mt-4 {
	margin-top: 35rpx;
}

.k-mt-5 {
	margin-top: 6rpx;
}

/* 个人信息使用 */
.k-mt-6 {
	margin-top: 5rpx;
}

/* 高度 */
.k-height-1 {
	height: 120rpx;
}

/* 下边距 */
.k-mb-1 {
	margin-bottom: 120rpx;
}

/* 上内边距 */
.k-pt-1 {
	padding-top: 130rpx;
}

.k-pt-2 {
	padding-top: 120rpx;
}

/* 下内边距 */
.k-pb-1 {
	padding-bottom: 10rpx;
}

/* 左边距 */
.k-ml-1 {
	margin-left: 22rpx;
}

.k-ml-2 {
	margin-left: 5rpx;
}

.k-ml-3 {
	margin-left: 20%;
}

/* 字体样式 */
.k-font {
	font-family: PingFang SC;
}

/* 圆角 */
.k-border-radius {
	border-radius: 16rpx;
}

.k-border-radius-top {
	border-top-left-radius: 16rpx;
	border-top-right-radius: 16rpx;
}

.k-border-radius-8 {
	border-radius: 8rpx;
}

.k-border-radius-44 {
	border-radius: 44rpx;
}

/* 渐变色背景 */
.k-background {
	background: linear-gradient(180deg, #FFFFFF 0%, #F3FEFF 100%);
}

/* 相对最右边的距离 */
.k-right-1 {
	right: 10rpx;
}

/* 相对最右边的距离 */
.k-right-2 {
	right: 20rpx;
}

/* 警报类型的渐变色背景 */
.k-background-type {
	background: linear-gradient(180deg, #FB7171 0%, #E23D3D 100%);
}

/* 头部的渐变色背景 */
.k-background-header {
	background: linear-gradient(135deg, #006CA2 0%, #50BECA 100%);
}

/* z-index */
.k-z-index-lg {
	z-index: 9999 !important;
}

.k-z-index-sm {
	z-index: 100;
}

.k-z-index-smaller {
	z-index: -1;
}

/* 搜索框的背景色 */
.k-bg-search {
	background-color: #F4F4F4;
}

/* 选中标题的下横线 */
.k-title-tab {
	border-bottom: 8rpx solid #3CC5D5;
}

/* 个人中心右箭头的颜色 */
.k-right-row {
	color: #BBBBBB;
}

/* 分割线 */
.k-border-bottom {
	border-bottom: 1upx solid #E0E0E0;
}

.k-border-top {
	border-top: 1upx solid #EEEEEE;
}

.k-border-right {
	border-right: 1upx solid #EEEEEE;
}


/* 灰色边框 */
.k-border-grey {
	border-width: 3rpx;
	border-style: solid;
	border-color: #CCCCCC;
}

.k-border-blue {
	border-width: 1rpx;
	border-style: solid;
	border-color: #3CC5D5;
}

/* 圆形 */
.k-rounded-circle {
	border-radius: 50%;
}

/* 充值按钮的背景色 */
.k-btn-bg-1 {
	background-color: #D1A856;
}

/* 橙色边框 */
.k-border-orange {
	border-width: 3rpx;
	border-style: solid;
	border-color: #D1A856;
}

/* 橙色字体颜色 */
.k-font-color-orange {
	color: #D1A856;
}

/* 左右的margin */
.k-mx-1 {
	margin-left: 70rpx;
	margin-right: 70rpx;
}

/* 左右边距 */
.k-mx-2 {
	margin-left: 180rpx;
	margin-right: 180rpx;
}

/* 字号 */
.k-font-50 {
	font-size: 50rpx;
}

.k-font-28 {
	font-size: 28rpx;
}

/* 浅蓝色背景 */
.k-bg-lightblue {
	background-color: #F5FCFD;
}

/* 浅蓝色背景 */
.k-bg-lightgreen {
	background-color: #E7F6ED;
}



/* 距离顶部为0 */
.k-t-0 {
	top: 0rpx;
}

.k-border-dashed {
	border-width: 1rpx;
	border-style: dashed;
	border-color: #dee2e6;
}

/* 选择区域的列 */
.k-col {
	width: 220rpx;
	position: relative;
}

/* 超出宽度显示... */
.k-hidden {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
